﻿
var elImg       = $('.mid_img'),
    unitprice   = undefined,
    description = undefined;

elImg.on({
    'mouseover' : function (e) {
        var id = $(this).data('id');
        $('body').append('<div id="InfoBox"><span id="Info-UnitPrice"></span><br><span id="Info-Description"></span></div>');
        $.ajax({
            type: 'GET',
            url: 'ProductInfoBox?productId=' + id,
            success: function (data) {
                unitprice = data.unitprice;
                description = data.descr;
                $('#Info-UnitPrice').text('单价：￥' + unitprice);
                $('#Info-Description').text('介绍：' + description);

                $('#InfoBox').css({
                    'left': (e.pageX + 15) + 'px',
                    'top': (e.pageY + 15) + 'px'
                }).show();
            },
            error: function (errorMsg) {
                console.log(errorMsg);
            }
        });
    },
    'mouseout'  : function (){
        $('#InfoBox').remove();
    },
    'mousemove' :function (e) {
        // 鼠标移入的事件
        $('#InfoBox').css({
            'left': (e.pageX + 15) + 'px',
            'top': (e.pageY + 15) + 'px'
        }).show();
    }
});
